<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
	</head>
	<body class="sy_bd">
			<div class="allhead">
				<div class="bd">
					<div class="city2">
						<img src="img/city2.png" alt="" /><img src="img/city2.png" alt="" />
					</div>
				</div>
				<div class="paodao2"><img src="img/paodao2.png" alt="" class="pic-pd"/></div>
				<div class="car2"><img src="img/car2.png" alt="" /></div>
			</div>
			<div class="finish">
				<ul class="front-img">
				    <li><img src="img/luntai.png" alt="" /></li>
				    <li><img src="img/luntai.png" alt="" /></li>
				    <li><img src="img/luntai.png" alt="" /></li>
				</ul>
				<div class="address-show"><div class="word">死死死爱好大酒店门口</div></div>
			</div>
			<div class="filepic">
				<p>请上传照片，开始接龙</p>
				<div style="margin-bottom: 120px;">
						
						<div style="position: relative;">
							<a href="#" class="a-upload" id="im1">
								<input id="file_upload1" type="file" name="img1" />
								<div class="image_container">
									<img id="preview1" >
								</div>
								<div class="words">点击上传</div>          
							</a>
							<div class="del del-one">
								<div class="del-list" id='del-list1'>
									<span class="bg"><span class="fa fa-trash" aria-hidden="true"></span>
									<span style="padding:0 4px;">删除</span></span>
								</div>
							</div>
						</div>	    
											

						<div style="position: relative;">	
	
							<a href="#" class="a-upload" id="im2">
								<input id="file_upload2" type="file" name="img2"  /> 
								<div class="image_container">
									<img id="preview2" >
								</div>
								<div class="words">点击上传</div>         
							</a>
							<div class="del del-two">
								<div class="del-list" id='del-list2'>
									<span class="bg">
										<span class="fa fa-trash" aria-hidden="true"></span>
										<span style="padding:0 4px;">删除</span>
									</span>
								</div>
							</div>
						</div>
	
						<div style="position: relative;">		
							<a href="#" class="a-upload" id="im3">	
								<input id="file_upload3" type="file"  name="img3" /> 
								<div class="image_container">
								    <img id="preview3" >
								</div>
								<div class="words">点击上传</div>
							</a>
							<div  class="del  del-three">
								<div class="del-list" id='del-list3'>
									<span class="bg">
									   <span style="padding:0 4px;">删除</span>
									</span>
								</div>
							</div>
						</div>

						<div style="display: none;" class="bigpic">
							<div style="position: fixed;background: #000; z-index: 999; width:100%; height:100%; top:0; left:0; text-align: center; display: table;">
							    <span style=" display:table-cell;vertical-align:middle;">
							    	<img src="" alt="" style="width:100%;" class="big-img"/>
							    </span>
							</div>
						</div>                                      
				</div>				
			</div>
			<div class="anniu">
				<a href="#"><img src="img/jl-btn.png" alt="" /></a>
			</div>
		
		<script type="text/javascript" src="js/pic.js" ></script>	
		<script>
		    $(window).load(function() {
				var cityHeight=$('.allhead .bd .city2 img').height();
				$('.allhead .bd').height(cityHeight);
				var pdHeight=$('.allhead .paodao2 img').height();
				$('.allhead .paodao2').height(pdHeight);
				var ulWidth=$('.front-img li').width();
				$('.front-img li').height(ulWidth);
            });
		</script>
	</body>
</html>
